<template>
  <div class="log">
    根组件
  </div>
</template>

<script>
import { onBeforeMount, onMounted } from 'vue';

export default {
name:'App',
setup() {
    //1，DOM渲染前的钩子
    onBeforeMount(()=>{
        console.log('DOM渲染前的钩子',document.querySelector('.log'));
    })
    //2，DOM渲染后的钩子
    onMounted(()=>{
        console.log('DOM渲染后的钩子',document.querySelector('.log'))
    })
    // return {
        
    // }
},
}
</script>

<style>

</style>